<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>权记照相馆名册生成器</title>
		<style>
			*{
		    	padding: 0px;
		    	margin: 0px;
		    }
		    h5 {
				/*width: 16px;*/
				/*font-size: 16px;*/             /*字体大小和宽度*/
				word-wrap: break-word;
				float: left;
				/*font-weight: 550;   */              /*文字粗细*/
				/*margin-right: 20px;*/           /*名字间隔*/
			}
			.main{
				/*padding-top:120px; */       /*整体上边距 */
			}
			.main>div{
				overflow: auto;
				margin-left: 60px;            /*每一行的左边距默认为60*/
				/*margin-bottom: 40px;*/            /*列间隔*/
			}
			
			/*每一行的左边距*/
			/*.main .div1{
				margin-left: 150px;               
			}
			.main .div2,.main .div3{
				margin-left: 130px;
			}*/
		</style>
	</head>
	<body>
		
		<div class="main"></div>
		
		<script type="text/template" id="tpl">
			<%for(var i=0;i<photoName.length;i++){
        	var item = photoName[i];%>
        	<div class=<%= "div"+i %> style="margin-left: <%= item.moveLeft+"px" %> " >
        		<%
        		for(var k=0;k<item.namelist.length;k++){
        			var itemName = item.namelist[k];%>
        			<h5><%= itemName %></h5>
        		<%}%>
        	</div>
        	<%}%>
		</script>
	</body>
	<script type="text/javascript" src="../js/underscore-min.js" ></script>
	<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="../js/photoOutput.js"></script>
</html>
